<template>
  <div style="height: 100%">
    <KaleidoscopeHome :list="list" />
  </div>
</template>

<script setup>
  import KaleidoscopeHome from './KaleidoscopeHome.vue'

  const list = ref([
    {
      name: '图片1',
      value: 1,
      key: 1,
      des: '内容1',
      src: new URL('@/assets/imgs3d/1web.webp', import.meta.url).href

      // src:'../../assets/imgs/imgs3d/2web.webp',
    },
    {
      name: '图片2',
      value: 2,
      key: 2,
      des: '内容2',
      //  src: '@/assets/imgs/imgs3d/3web.webp',
      src: new URL('@/assets/imgs3d/3web.webp', import.meta.url).href
    },
    {
      name: '图片3',
      value: 3,
      key: 3,
      des: '内容3',
      //  src: require('https://gd-hbimg.huaban.com/617a23ff457a8e7f403560601ee1986f0be521ce31262-yudWdl_fw658webp'),
      src: new URL('@/assets/imgs3d/4web.webp', import.meta.url).href
    },
    {
      name: '图片4',
      value: 4,
      key: 4,
      des: '内容4',
      // src: 'https://gd-hbimg.huaban.com/02381538312ca44802a7fb6140fdf79711d046d01e256-bGN4Hq_fw658webp',
      src: new URL('@/assets/imgs3d/5web.webp', import.meta.url).href
    },
    {
      name: '图片5',
      value: 5,
      key: 5,
      des: '内容5',
      //  src:'https://gd-hbimg.huaban.com/2f625b869a53f799fdaf79c20ca7e0d96277767b39594-OQN9F9_fw658webp',
      src: new URL('@/assets/imgs3d/6web.webp', import.meta.url).href
    },
    {
      name: '图片5',
      value: 5,
      key: 5,
      des: '内容5',
      //  src:'https://gd-hbimg.huaban.com/2f625b869a53f799fdaf79c20ca7e0d96277767b39594-OQN9F9_fw658webp',
      src: new URL('@/assets/imgs3d/6web.webp', import.meta.url).href
    },
    {
      name: '图片5',
      value: 5,
      key: 5,
      des: '内容5',
      //  src:'https://gd-hbimg.huaban.com/2f625b869a53f799fdaf79c20ca7e0d96277767b39594-OQN9F9_fw658webp',
      src: new URL('@/assets/imgs3d/6web.webp', import.meta.url).href
    }
  ])
</script>
